<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/rewardDetails.css">
</head>
<body>
<div class="main">
    <div class="rewardDetails__header">
        <div class="rewardDetails__header_con">
            <a href="#"><img src="image/back.png" class="rewardDetails__header_img"></a>
            <span>悬赏详情</span>
        </div>
    </div>
    <div class="rewardDetails__content">
        <div class="rD__content__top">
            <div class="rD__content__topLeft">
                <h2 class="rD__content__topLeft_h2">携程微信支付5元，好赚快省</h2>
                <h3 class="rD__content__topLeft_h31">悬赏主&nbsp;<a href="#"><span>用户</span><span>2003974</span></a></h3>
                <h3 class="rD__content__topLeft_h32"><span>320</span>人已赚到赏金&nbsp;&nbsp;剩余<span>40</span>个名额</h3>
            </div>
            <div class="rD__content__topRight">
                <a href="#">赏<span>5.00</span>元</a>
            </div>
        </div>
        <div class="rD__content__mid">
            <div class="rD__content__midTop">
                <span></span><span>任务要求：<span>请先领取任务，否则无赏金</span></span>
            </div>
            <div class="rD__content__midMid">
                <p>长按识别二维码，关注公众号</p>
                <a href="#"><img src="" alt=""></a>
            </div>
            <div class="rD__content__midBot">
                <a href="#">下载二维码图片</a>
            </div>
        </div>
        <div class="rD__content__bot">
            <div class="rD__content__botTop">
                <div>
                    <span></span><span>任务说明：</span>
                </div>
                <div>
                    仅限浙江金华地区人加好友，其他人不予结算报酬。
                </div>
            </div>
            <div class="rD__content__botMin">
                <div><img src="" alt=""></div>
                <div>
                    <span></span>
                    <span></span>
                    <span>添加图片</span>
                </div>
            </div>
            <div class="rD__content__botBot">
                <div class="rD__content__botBotmin">
                    <span></span><span>填写您的微信/QQ：<span>填写您的微信/QQ</span></span>
                </div>
                <div class="rD__content__botBotmax">
                    <div>
                        <span></span><span>免费申明：</span>
                    </div>
                    <div>
                        人来丰仅为用户自主发布、领取任务平台，如对参与的活动存在任何问题、疑惑或投诉，请联系活动主办发寻求帮助和解决。<br><br>
                        所有活动内容与平台无关，您参与活动的同时即代表同意本申明。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rewardDetails__footer">
        <div class="rewardDetails__footer__con">
            <a href="#">提交（剩余60分钟）</a>
        </div>
    </div>

    <!---模态框-->
    <div class="rewardDetails__modal">
        <div class="rewardDetails__modal_box">
            <div class="rewardDetails__modal_boxTop">
                请先领取任务
            </div>
            <div class="rewardDetails__modal_boxBottom">
                <span>取消</span>
                <span>确定</span>
            </div>
        </div>
    </div>


    <div class="rewardDetails__modal2">
        <div class="rewardDetails__modal2_box">
            <div class="rewardDetails__modal2_boxTop">
                <p>温馨提示</p>
                <p>领取任务成功，可在“我的”-“未提交”中找到</p>
                <p>请在预定时间内提交您的任务</p>
            </div>
            <div class="rewardDetails__modal2_boxBottom">
                <span>取消</span>
                <span>确定</span>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-3.2.1.js"></script>
</body>
</html>